<template>
  <div class="mainScreen">

    <headerData></headerData>

    <centerBody></centerBody>

    <bottomData></bottomData>

    <popupTable></popupTable>

    <popupFrom></popupFrom>

    <echartsPopup></echartsPopup>

    <echartsPopupCenter></echartsPopupCenter>
  </div>
</template>

<script lang="ts" setup>

import headerData from "./components/header/index.vue"
import centerBody from "./components/centerBody/centerLeft.vue"
import bottomData from "./components/bottomData/bottomData.vue"

import popupTable from "./components/popup/popupTable.vue";
import popupFrom from "./components/popup/popupFrom.vue";
import echartsPopup from "./components/popup/echartsPopup.vue";
import echartsPopupCenter from "./components/popup/echartsPopupCenter.vue";
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
}

.mainScreen {
  width: 1920px;
  height: 1080px;
  max-width: 1920px;
  max-height: 1080px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgb(1, 8, 52);
  background-image: url("../../assets/lingshui/u0_state0.jpg");
  background-size: 100% 100%;
}
</style>
